<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <title>课程表</title>
    <style type="text/css">
        #classTable tr > th {
            /*text-align: center;*/
            padding-left: 18px;
        }
        #classTable tr > td {
            border-left:5px solid;
            border-bottom: 2px solid #CCC;
            font-family: 微软雅黑;
        }

        #classTable .blank-hr {
            height: 15px;
        }

        #classTable tr > td:nth-child(1) {
            position: relative;
            border-left: none;
        }

        #classTable tr > td > h4 {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -10px;
            margin-left: -5px;
        }

        #classTable tr > td:nth-child(2) {
            border-left-color: #ff930b;
            padding-left: 15px;
            width: 19%;
        }

        #classTable tr > td:nth-child(3) {
            border-left-color: #1f9c25;
            padding-left: 15px;
            width: 19%;
        }
        #classTable tr > td:nth-child(4) {
            border-left-color: #9e1aff;
            padding-left: 15px;
            width: 19%;
        }
        #classTable tr > td:nth-child(5) {
            border-left-color: #42baff;
            padding-left: 15px;
            width: 19%;
        }
        #classTable tr > td:nth-child(6) {
            border-left-color: #49475d;
            padding-left: 15px;
            width: 19%;
        }
        #classTable tr > td > p:last-child {
            margin-bottom: 0px;
        }
    </style>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap.min.css" />
</head>
<body>
    <div class="wrapper">
        <table class="table table-responsive " id="classTable">
            <thead>
                <tr>
                    <th></th>
                    <th>周一</th>
                    <th>周二</th>
                    <th>周三</th>
                    <th>周四</th>
                    <th>周五</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td><h4>1</h4></td>
                    <td>
                        <p>安卓开发</p>
                        <p>教-501</p>
                        <p>朱虎平</p>
                    </td>
                    <td>
                        <p>jsp应用开发</p>
                        <p>教-508</p>
                        <p>曹慧</p>
                    </td>
                    <td>
                        <p>软件建模</p>
                        <p>教-504</p>
                        <p>朱虎平</p>
                    </td>
                    <td>
                        <p>体育与健康</p>
                        <p>教-509</p>
                        <p>回丽</p>
                    </td>
                    <td>
                        <p>jsp应用开发</p>
                        <p>教-508</p>
                        <p>曹慧</p>
                    </td>
                </tr>
                <tr class="blank-hr"></tr>

                <tr>
                    <td><h4>2</h4></td>
                    <td>
                        <p>安卓开发</p>
                        <p>教-501</p>
                        <p>朱虎平</p>
                    </td>
                    <td>
                        <p>jsp应用开发</p>
                        <p>教-508</p>
                        <p>曹慧</p>
                    </td>
                    <td>
                        <p>软件建模</p>
                        <p>教-504</p>
                        <p>朱虎平</p>
                    </td>
                    <td>
                        <p>体育与健康</p>
                        <p>教-509</p>
                        <p>回丽</p>
                    </td>
                    <td>
                        <p>jsp应用开发</p>
                        <p>教-508</p>
                        <p>曹慧</p>
                    </td>
                </tr>
                <tr class="blank-hr"></tr>

                <tr>
                    <td><h4>3</h4></td>
                    <td>
                        <p>安卓开发</p>
                        <p>教-501</p>
                        <p>朱虎平</p>
                    </td>
                    <td>
                        <p>jsp应用开发</p>
                        <p>教-508</p>
                        <p>曹慧</p>
                    </td>
                    <td>
                        <p>软件建模</p>
                        <p>教-504</p>
                        <p>朱虎平</p>
                    </td>
                    <td>
                        <p>体育与健康</p>
                        <p>教-509</p>
                        <p>回丽</p>
                    </td>
                    <td>
                        <p>jsp应用开发</p>
                        <p>教-508</p>
                        <p>曹慧</p>
                    </td>
                </tr>
                <tr class="blank-hr"></tr>

                <tr>
                    <td><h4>4</h4></td>
                    <td>
                        <p>安卓开发</p>
                        <p>教-501</p>
                        <p>朱虎平</p>
                    </td>
                    <td>
                        <p>jsp应用开发</p>
                        <p>教-508</p>
                        <p>曹慧</p>
                    </td>
                    <td>
                        <p>软件建模</p>
                        <p>教-504</p>
                        <p>朱虎平</p>
                    </td>
                    <td>
                        <p>体育与健康</p>
                        <p>教-509</p>
                        <p>回丽</p>
                    </td>
                    <td>
                        <p>jsp应用开发</p>
                        <p>教-508</p>
                        <p>曹慧</p>
                    </td>
                </tr>
                <tr class="blank-hr"></tr>

                <tr>
                    <td><h4>5</h4></td>
                    <td>
                        <p>安卓开发</p>
                        <p>教-501</p>
                        <p>朱虎平</p>
                    </td>
                    <td>
                        <p>jsp应用开发</p>
                        <p>教-508</p>
                        <p>曹慧</p>
                    </td>
                    <td>
                        <p>软件建模</p>
                        <p>教-504</p>
                        <p>朱虎平</p>
                    </td>
                    <td>
                        <p>体育与健康</p>
                        <p>教-509</p>
                        <p>回丽</p>
                    </td>
                    <td>
                        <p>jsp应用开发</p>
                        <p>教-508</p>
                        <p>曹慧</p>
                    </td>
                </tr>
                <tr class="blank-hr"></tr>
            </tbody>
        </table>
    </div>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
</body>
</html>
